<script lang="ts"></script>
<template>
  <div>
    <div class="row">
      <cl-button size="small" type="default">Small Button</cl-button>
      <cl-button size="medium" type="primary">Medium Button</cl-button>
      <cl-button size="large" type="secondary">Large Button</cl-button>
    </div>
  </div>
</template>
<style scoped>
.row {
  display: flex;
  .cl-button {
    margin-right: 8px;
  }
}
</style>
